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Overview of AIC 


Anime International Company Inc. (AIC) was 
established in 1982 for the purpose of releas- 
ing animated films globally. The company 
focused its attention on releasing animations 
on video even before the popularization of the 
medium. AIC released two original video ant- 
mations in 1985, "Megazone 23' and '"Iczer 1," 
breating new life into the animation world 
Since then, it has created over 200 titles, 
including "Gal Force," "Bubble Gum Crisis, 
"Zeoraima, ‘Fight! lezer З, Peacock Кіпа, 
"Vampire Princess Miyu,” "Dangaio,’ 
'Bastard!!," "Moldiver,' "The Hakkenden, 
Macross 2," "Аһ! My Goddess,” "El Hazard,’ 
"Tenchi Muyo!" and "Armitage Ill." Every one 
of these titles has been serialized. "Tenchi 
Muyo!," "El Hazard," and "Ah! My Goddess’ 
have made their way to television and the bia 
screen. AIC plans to continue to make lively 
and exciting animated films 


AIC has also established other divisions 
focusing on CG business (AIC Sprits) and pub- 
lishing business (AIC Club). They plan, devel- 
op and produce anime-related computer 
games, CD-ROMs, console games, publica- 
tions and other merchandises 


Assistance: 
Anime Spot and Studio BIHQU 


Addresses of AIC 
and Yoyogi Animation Gakuin 


AIC 

AIC Digital Bldg 

3-19-9 Nakamura Kita, 
Nerima-ku, Tokyo 176-0023 
Japan 


Yoyogi Animation Gakuin 
1-20-3 Yoyogi, 

Shibuya-ku, Tokyo 151-0053 
Japan 


The authors of this book, Hiroyuki Kitazume, 
Matsuri Okuda, and Akihiro Izumi are engaged 
in animation production work at AIC. Besides 
the authors, there are many talented artists 
and specialists working at AIC, Their work has 
been hiahly acclaimed in the animation indus- 
try worldwide 


The authors’ representative work 


Hiroyuki Kitazume 

Picture Director on "ZZ Gundam" 

Picture Director on "Megazone 23, Part 3" 
Director and character designer on 

all six installments of "Moldiver" 


Matsuri Okuda 

Director and character désigner on 
"Havenly Wars Shurato" 

Director and character designer on 
"Legend of Galactic Heroes" 

Key drawings for "The Hakkenden" 


Akihiro Izumi 

Key drawings for "Silent M bius" 
Key drawings Tor “The Hakkenden" 
Key drawinas for "Ah! My Goddess" 





Upon Reading This Book 


И looks like there are quite a few people out 
there who want to become an animator or 
who want to work in animation production. In 
fact, not a day goes by that a cartoon is not 
shown on television, and in Japan, anima- 
tions get higher audience ratings than dramas 
starring popular actors. It is no wonder that 
people want to try doing it themselves. 
Nonetheless, compared to the large number 
of amateur cartoonists out there, as seen in 
the flourishing comic market, the number of 
amateur animators and amateur animation 
artists has just recently become quite sub- 
stantial. 


There could be several reasons for this. One 
reason could be the prevalence of secrecy in 
animation production. Another reason could 
be the lack of opportunities for amateurs to 
present their works. 


Highlighting of 
hair & shoulder pads | 
Calor tracing | 


Omit inside of 


This book was written in the hope that it 
would be of some help to amateurs who are 
interested in animation production and peo- 
ple who want to be an animator. Animation 
production should be fun, even if you do not 
know the minute details of the techniques 
used by professionals. We would like nothing 
better than to have even one person who 
reads this book learn how much fun anima- 
tion production is and contemplate it as a 
career choice. We are also confident that the 
basic knowledge of animation contained in 
this book will help people create comics filled 
with film-like qualities. We hope that those 
who read this book, including those striving to 
become a next-generation comic book author, 
will use this book as a stepping stone to 
becoming a creator. 


visor during long shots 


From "Moldiver Resource Collection" published by AIC Club 
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How are cel animations made? The process can be 
divided into three major areas: planning, production 
of materials (pictures and sounds) and turning the 
completed materials into a film. The process most 
familiar to the general public is the production of 
materials, but there are many other people that take 
part in the production of an animation. A total of 
more than 100 people are involved in the production 
31 a 30-minute animation 


Planning meeting 
important people get together to talk about whether 
the animation will be for TV or video, whether it will be 
30 minutes or an hour, and what kind of story it will 
have. 


` Plan | 


The things decided at the planning meeting are put in 
writing to be presented to sponsors, TV stations, 
sellers, etc. 


Scenario J 
The plan is turned into a script so that there is logical 
development. 


Storyboard — | 
This is a scenario with pictures created based an the 
scenario to determine how to construct scenes, 


Postrecording script] 


This is a script for voice actors that contains the lines 
taken from the storyboard. 


Character modeling J 
Creation of character blueprint for animators. 


Art parameters | 


Blueprint of background and buildings, etc., for 
animators. 


Layout zd 


Drawing of actual scene compositions in full size. 


Key drawing J 


Only points for moving of characters are drawn, 





Animation drawing 
Character movements are completed based on key 
drawings. 

Backgrounds J 
Drawing of backgrounds based on the layout. 


Color designation j 


Instructions regarding which colors will be drawn 
where are written on cels. 





Animation production process 





In Japan, this process 15 followed in almost all cases 
when producing a cel animation, but the process 
may differ depending on the country or production 
company. For instance, in the United States or 
Europe, the sounds may be recorded first and the 
pictures drawn to fit the sounds (this is called pre- 
scoring), The order may be different, but both 
approaches will include the same stages. And the 
stages will pretty much involve the same Tasks 


_ Coloring j 
Color is added to each cel. 
| Spe cial effects j 
Special painting with an airbrush, etc. 
Cel/background check] 


Completed cels and backgrounds are overlapped to 
check for errors. 


| Photography ] 
Cels and backgrounds are photographed at the 
direction of animators. 


~ Developing _ | 
The film is developed. 
Rush (positive) editing | 


Prints are edited and time/timing are adjusted. 





. Postrecording | 
Voice actors are recorded speaking their lines in sync 
with the animation. 


| Negative editing | 
The same editing is done with the negative (original) as 
was done with the positive. 


| Dubbing | 

Finished sounds are added to the edited negative, 
Printing ^] 

Film for showing is printed. In the case of television, 
it is put on video, 


[ | Screening | 


Important people preview the completed film to 
evaluate it. 


Description of work invol 





E ex 


1] Ѕсепагіо 


Written by а scenario writer based on the theme 
decided upon in the planning stage The sentences 
describe each part in a cinematic style, while con- 
veying the intent of the author. Character move- 
ments, settings and spoken lines are then divided 
into scenes. The scenario acts as the foundation for 
production of the animation, 


ern 





story laure 


* Tools and supplies for animation 
production 


Storyboard paper: [his paper is printed in a 
form that makes it easy to create the story- 
board, which is a scenario with pictures. 


Stop watch: Used by animators and directors 
to measure the length of character move- 
ments and determine timing. 
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2| Presentation (storyboard) 


The storyboard specialists. working under the guid 
ance of the director. draw а storyboard based on the 
scenario. The storyboard acts as a blueprint during 
the remainder of the project. The storyboard 
includes the scenes, spoken lines, sound effects, 
number of seconds and other information. The peo- 
ple in all of the production sections will be able to 
understand it at а glance. 





Ammation desk 





Tracing box, peg bar nml animation paper 
(Courtesy ot Art Calot Cù.. Lid.) 






Peg bar (Courtesy of Ari Color Co. | idd.) 


Tracing box: There is a light inside that allows 
you to see through multiple layers of paper. 


Animation desk: A desk designed specifically 
for drawing. A portion of the top surface is 
embedded with frosted glass with a fluores- 
cent lamp below it. This makes it easier to see 
through paper. There is a desk for finishing 
work that has no incline and different shaped 
shelves. 


3 | Drawing 
The animator's job is very diverse. First, the anima- 
tor must design and model characters at the same 
tme that the animation is being planned and the 
scenario is being written. Designing involves com- 
ng up with characters. Modeling involves putting 
*cgerther a collection of facial expressions and poses 
юг later reference to make the animator's job easi- 
» When the storyboard has been completed, the 
animator creates a layout based on the storyboard. 








Layout paper 


Anunation paper 


Peg bars: These keep multiple sheets of anima- 
bon paper or cels in position. They are used 
mainly by animators and finishers. They are 
also built into the photography table. 


Layout paper: This paper has a film or televi- 
sion frame printed on it to make composing a 
scene easier. 





Time sheet 


Layout work is the process of deftly fitting the 
source of the pictures that will actually appear on 
television within the frame representing the televe 
Sion screen printed on layout дарег. The presenta- 
tion is then checked When the go-ahead is ауеп 
character drawings and movements are gradually 
completed based on the layout key drayinas 
proofing of key drawings, animation drawings and 
proofing of animation drawings. When the key 
drawings are drawn, a time sheet indicating the tim: 
Ing of character movements is filled in 


Production Division 


This section is at the cen- | 
ter of animation produc- 
tion. It comes up with a 
budget, brings together 
the necessary staff, draws 
up a schedule, bridges the 
gap berween sections and 
manages the animation, |1 
plays an important rola. 
|| Without it, the work would 


not get done 


n—— — ины = —— 


Animation paper: Paper designed specifically 
for drawing animations. It has holes for plac- 
ing it on the peg bar. 


Time sheet: A table that contains information 
about how a moving picture will appear on 
television and the timing of the presentation. 


| 4| Finish 


There are also many finishing tasks. First, you have 
to decide what colors to use after the animator has 
finished character modeling. You should think of the 
overall tone of the pictures and keep the back- 
grounds in mind. You then put all the selected colors 
on a color designation table so that none of the fin- 
ishers makes a mistake 


Next, you designate what colors will be used on the 
animation drawing received from the animator. This 
task involves writing directly on the animation draw- 
ing what color should be used, since the same char- 
acter may be colored differently depending on the 
scene. 


When the above tasks have been completed, the 
pencil lines of the animation drawing are traced on 
cels. which are then colored with animation colors 
Fog and gradation are called special effects. They 
are drawn with an airbrush. Completed cels are 
checked and if they pass they are sent for photog- 
raphy together with backgrounds 





Tracing machine 


* Tools and supplies for animation 
production 


Cel: A clear acetate sheet that is the same 
shape as animation paper. Characters that will 
appear on television are drawn on cels and 
colored. 


Tracing machine: A machine that copies pencil 
lines on animation drawings to cels. Lines 
drawn with colored pencils are not copied. 
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animation @alors 


Р Animation color ~ 


(Courtesy of Art Color Co.. Ltd.) 
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Glos ës (oii av of 
Art Colar Go, Lid.) 


Animation colors; Paints designed specifically 
for coloring cels. They are water-based, but 
they are water-resistant when dry. 


Stirring rod: A rod used to mix animation colors 
that have separated. 


Airbrush: Used to draw fog and gradations. 


Pen: Used for color tracing and other tasks dur- 
ing preparation of cels. 


5j Backgrounds 


ere аге a number of background-related tasks. 

st агї parameters, which determine ine world 
sew of an animated film, are created. They are 
gesianed to standardize the tone, touch and set- 

as. The layouts recerved from the animator are 

A called key background drawings. The individual 
backgrounds that will appear on television are 
Fawn based on the key background drawings 
Seckgrounds are drawn on regular drawing paper 
seing regular poster colors. Airbrushes are also used 
ste a bit, but gradations, blur, clouds, light hitting 
i^ object and other effects are drawn by hand. The 

mpleted backgrounds are sent for photography 
sgether with cels after being checked by the art 


ecir 





Puster [| dilir 
(Courtesy of Art Color Co.. Lili 





Poster colors: Used for drawing backgrounds. 
They are somewhat water-resistant after dry- 
ing. They can be extremely powerful tools, 
depending on your technique, For instance, if 
you are quick, they can be painted over. 


Gloves: Used to prevent oil on your hands 
from getting on cels when you touch them. 
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| 6] Photography 


Completed cels and bac ка! ounds аге омапаррес 
апп photograph ied. They аге phorographedc on a line 
drawing table (photography table), à camera setup 
designed specifically for photographing animations, 
one frame at a time as directed by the animator. The 
table an which the cels and Dack Qrounas are placed 


and the camera can both be manipulated to create a 
variety of effects. 





Line drawing table (photography table): A table 
used for photographing animations. The cam- 
era faces down perpendicular to the table, 
where cels and backgrounds are placed for 
photographing. The table can be minutely 
manipulated in a variety of ways, including 
rotation and sliding, The camera can be 
moved up and down to accommodate both 
wide and narrow shots (these are controlled 
by a computer). The shutter is activated by a 
foot pedal. 


Production 





If ı5 our impression that there are a lot of people 
who like only the pictures in animations Such peo- 
ple like the characters rather than the animations 
themselves. There is nothing wrong with this, but 
ме cannot help but think that so much more fun 
could be had if people would take tha next step. 
Let's learn the basic terms related to images in 
order to get a feel for creating a television picture 
and not just a picture on paper 


What is the size 
and at what angle 
is it seen? 
(Picture types) 















Size 

You begin with an awareness of the existence of the 
camera. The television picture frame is something 
you do not have to worry about if you are just draw- 
ing pictures. All images, including animated images, 
fit within this frame. The shape of the trame is fixed 
Consequently, the size of the character in the pic- 
ture сап be changed to create a desired effect 
When thinking of the composition of a picture, you 
must be aware of the picture frame and the size of 
the character within the picture. How well this is 
done affects the presentation. Types of sizes are 
shown on the following page 
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| Types of sizes | 





1. Long shot: The character is shot from a dis- 
tance. Small movements are hard to see, let 
alone facial expressions, but it is easy to grasp 
speed and distance when the character is 
made to walk or гип. 





2. Full body shot: The entire body of the charac- 
ter just barely fits within the frame. It is easy 
to express exaggerated gestures without 
changing the location of the character much. 


3. Medium shot: The character is bigger than in 
a full body shot. The facial expression of the 
character can be distinguished if the head is 
large. A shoulder bag will fit within the frame. 





4 Waist shot: It is easy to present the move- 
ment of the hands and arms. The lower body 
cannot be seen, but the state of the lower 
body can probably be figured out from that of 
the upper body. 











5, Bust shot: Good for showing both the facial 
expression of the character and what is going 
on around the character. In television anima- 
tions, this shot is often used when a character 
is just talking. 






AA 


6. Full face shot: The face takes up the entire 
frame. This shot is often used when you want 
to emphasize the facial expression of the 
character. 


7. Close-up shot: You are so close that the entire 
face does not fit within the frame. This shot is 
often used to create à powerful image that is 
almost palpable. 
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Position and angle 


What angle do you use when you draw a character? 
| bet many of you draw a character as seen from the 
lett of center. And | bet people who are used to 
drawing a character from this angle can complete a 
picture in no time, But can you draw a picture of a 
character from above looking down or from below 


Examples of 
angles 





Looking up from 


below 
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looking up? Can you draw with perfect ease a char- 
acter as seen trom the left or from the right? 
Practice until you can draw a character from a vari- 
ety of positions and a variety of angles, as if the 
camera were moving around the character 





This angle increases the empathy of 





|! the audience Iwari he i haracter. 





Looking down 
from above 


This angle compels the audience 
| view Ihe character objectively, 
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Length unit (cut) 


A cut can be thought of as one frame in a manga. It 
can also be thought of as each individual picture in a 
film. A cur differs from frames in manga in two 
ways the shape of the frame is fixed (a rectangle 
with a fixed aspect ratio) and only one cut can be 
shown to viewers at a time. In the case of manga, 
you think af how best to divide a page into frames 
to create the desired effect, but in the case of films, 
you think of how to create the desired effect by 


How long will actions 
appear on screen? 


moving the camera or using character movement 
within а cut. In addition, it 15 left up to the reader just 
how fast each frame in a manga is read, but the 
length of each cut in a film is determined by the 
director and presented to viewers. As such, the 
length (seconds) of each cut must be determined 
based on careful calculation before being joined 
with other cuts 


Relationship between time/scene/cut/picture(Example) 





D — Flow af time 


Lari e In this example, one scene consists of five cuts, 


Each individual portur 


| е lp ihis example, ome ou) nsss ot time pietur 





You create a story by dividing single scenes into cuts with some 
dramatic intent. Each scene is made up of several cuts. Each cut 
contains a series of pictures that depicts some movement. 
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In the case of film used for photoarapning аль 
mations, approximately 24 frames equal one sec- 
ond of animation (Dy comparison, im the case of 
video signals recorded on magnetic tape, approx- 
imately 30 frames equa! one second of videol. In 
the case of tilmina of an actual event, the image 
in each frame Is slightly different, but in the case 
of television animations, since each picture has 
to be drawn by hand, making it а very time-con- 
suming task, the same picture is usually pho- 
tographed on three frames. This reduces the pro- 
duction time and cost of animations and allows 
for addition of unique modulation to movement. 
This unique modulation is what distinguishes 
Japanese cel animations from other types of ani- 
mations. 





The same picture 
is photographed 
ин three frames. 
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wn by Anima 
Move? 


! am sure that you have all experienced the lingering light you see when you look at а fluorescent light or 
emer source of light for a short time and then look away. The image is burned onto your eyes and does not 
Seappear right away. This is called an afterimage. All films including animated films are based on this phe- 
menon (Note 1) In animations, since colored characters move, pictures should be drawn in clumps of col- 
ors (Note 2). 





 Afterimages 


| Utilizing optical illusion 





‘Note 1 For instance, when the warning lights at a railroad 
,Note 1 crossing flash, it looks like tha red lamp is moving 
back and forth. It is not actually moving. It is simply a repetition 
of the lamp on one side being turned off when the lamp on the 
other side is turned on, but to us it looks like the light is movina. 
This is the principle behind animation (and all other film). An 
image (a picture) disappears and a similar image (a different 
picture) appears, but because of afterimages, the previous pic- 
ture remains faintly in the eye. The previous picture slowly 
fades away and the next picture becomes clear. All of this hap- 
pens in an instant, If the shape of an object is different, it will 
look like the object has changed shape. If the location of the 
object is different, it will look like the object has moved. Since 
the two processes of disappearing and appearing occur quickly, 
to humans it looks like movement. 





Note 2 A tree, Гог instance, should be a combi- 
=| nation of a clump of green and a brown 
cylinder, This concept differs from a "Manga" style 
drawing, which stresses linework to create an 
object's shape. It is not the contour lines of the face 
or clothes drawn with à pen or pencil that are 
important. It is actually the area (volume) of the col- 








How to Make Drawn Objects Move 


ors painted within those contour lines that is impor- 
tant. These clumps of color stand next to the shape 
of a face or next to the shape of a machine and they 
change moment by moment. These changes in 
clumps of colors look like movement thanks to the 
afterimage phenomenon. 


The fellow сап be used to 'move' pictures based on 25 ейтип phenomenon 


1. Movement 

2. Transformation 

3. Enlargement and reduction 

These can be used separately or in combination to 
make animation pictures move. When attempting to 
make an animation picture move, what the beginner 
has to be most ċarelul of is the sense of ‘depth.’ 


This could also be feferred to as “understanding 
space.’ During this process, a three-dimensional 


1] Movement 


Whan an object changes position within the picture 
without changing shape, ! means the distance 
between it and the camera remains constant 


a) (2) 


pé in 


Movement of charter 


i 


{нега 


object is depicted in two dimensions. Here the dis- 
tance between the camera (vantage point) and the 
subject is important. Draw an object in terms of 
what direction it is facing and how it looks in relation 
ta the vantage point. 








| 2| Transformation 


There are two types of transformation, One is where the abject itself changes shape and 
the other is where an object changes shape two-dimensionally because the viewing angle 
nas changed, even though the object ıs the same. The familiar scene in which a charac- 
ter looks back is an example of the latter type of transformation, as shown in the figure. 


Movement ul cliaracter { T 


Transformation (D we (2 





i 


(Camera 





3 | Enlargement and 
reduction 
This is the only way to express depth, Since 
an object far away will be small and one 
close will be big, an object can be made ta 
move toward or away from the camera by 
changing the size of the object, 
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Chapter 1 
Drawing Animation 
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From “Moldiver Resource Collection” published by AIC Club 


1 » Decide What You are Going to Draw 


* Create an image in your head. 
* Decide what you are going to draw before you draw it. 


«Pose / Camera angle» 


It is certainly fun to go wherever your hand takes clear idea of what the character is like before you 
you when drawing, but it is important to plan ahead start drawing. 
when drawing for animations. You should have a 


Try to create characters that can be described by 
the people who see them. 








From “Moldiver Resource Collection" 


published bs AIC Club 
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€ Make your characters distinct 





«Character table» 
1. Age? Grade school, high school, young, middle-aged, 
elderly, etc. 
2. Gender? Male, female 


3. Personality? Cheerful, gloomy, thoughtless, high strung, etc. 
4. Features? Foreign, old Japan, rich, rebellious, etc. 
5. Stature? Tall, thin, muscular, etc. 


6. Clothes? Formal, casual, uniform, etc. 








Ф Determine the size within the paper. 





(à You can best see how the character 
is holding the card. 





Have you ever been drawing a picture without giv- 
та it much thought and suddenly found that the 
legs do not fit on the page"? If you do not plan ahead, 
all the time you put into a drawing could very well 
go down the drain. There is always a suitable way to 
present what you are trying to express in a picture. 
First, think about what size is necessary 





2 You get a good idea of the card and 


ce eros eee, FOR eee eee aS 
the character, 


All of what you draw on paper 
will not appear on the screen. You 
have to be careful, because only 
the portion of the picture within a 
frame placed at a fixed position 
on the animation paper will 
appear on the screen. 
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Animation 
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ЗУ You want t the cara to o be seen and the 
character is secondary, 


Frame 
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«Pencil techniques» 


Draw with 
Ihis portion, y^ | Ос you ever find that your drawings do not look right even 
/ though there is nothing wrong with the form? Or maybe а 
drawing does not look good even though you traced over a 
good drawing done by a friend. The reason for this is the 
lines. Drawing good pencil lines can do wonders to a draw- 
ing. Several examples have been presented for your refer- 
ence 





Not good Good 
It does not take long for the tip of a 


pencil to become round. You should ` 
rotate it so that you are drawing I + 


with the pointed part of the lead. 





. Good 


Not good | 





Where lines come together and in fine areas, 
Not good prevent globs by pulling lines up short. 


Not good Good 


^! 
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ў 
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If you look at drawings done by professional cartoonists, 
: you can see that their lines often have breaks in them. 

There is no rule that says that lines always have to be 
connected. Breaks in lines have the effect of making the 
shapes of objects clearer. 





Draw lines vigorously and long 
using one or two strokes. Unsteady 
lines and lines that have been 
retraced several times do not look lashes using the lines as well as the shape. 
good. Draw them with a flick of the pencil. 





2. Do Not Make a Clean Copy Right Away 
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Process 





f > Draw outline 


Lightly draw a general outline. Decide on the pose 
of the character. The lines at this stage are not yet 
the 'correct' ines. These lines will be erased later, 
so there is no need whatsoever to draw them care- 
fully, Be bold! 


A.In addition to characters, how you leave space 
open is important to a good-looking picture 

B. Lines are light. These lines will only be used as a 
reference as you draw your picture, 
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Draw the character in proportion based on the character parameters 
(balance between the size of the head and body). 
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ain parts 


(balance the head and shoulders, etc.) 


pare the m 


nd length of the 


ey are well balanced. 
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compare the s 
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Gradually make the shapes a little more concrete. 


When ‹ 


about the flow of the center of th 


à 
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B. Confir 
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e body. 


sition and tilt of both shoulders 


the pose is the one you intended 
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raw, 
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e the size of the head and the width of the shoulders. 


Process 











Gi a 


The quality and atmosphere of the picture can be judged at this stage. 


If you do not like what you see, now is the time to fix it. 
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(X9 > Arrange parts (eyes, nose, mouth, etc.) 


As with the overall character, do not start drawing the 
face by drawing a bold mouth or eyes. First, decide where 
the main parts like the eyes, nose, mouth and ears will go. 


Where you place the eyes, nose, mouth and ears deter- 
mines the direction and inclination of the face. The same 
thing goes for other parts and accessories on the body. 


Process Begin to add fine details 





Add more details to the character, Draw the expression of 
the face and hands and add clothing. This concludes the 
outline. 


A. The curve of the cheeks is a delicate area. Even a very 
slight difference can change the character, making it 
fatter or thinner. 

B. Pay particular attention to the size of the eyes. Think of 
both the iris and the whites of the eyes. Make sure both 
eyes point in the same direction, 


C. You can prevent the hands from looking bad by making 
sure the fingers are not parallel, 






| Incorrect: The Јей eye is too low 
and it has lost its shape. If you 

| think it does not look right. do not 
hesitate to draw it again. 
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Do not look at just the lines. Balance it with the volume of calor. 
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The character's expression. 
The character is looking up. The eyebrows, eyes, nose and mouth are higher 


than usual, Be careful how you form the chin. 
© Try drawing characters facing to the right sometimes rather than always to 
the left. Eyebrows are drawn like this when the character is perplexed. 


@ Try drawing characters from other angles as well. Discover how characters look in 
different situations. 


а 
5 





(a> The character's typical expression. 

ib: How do the eyes look when a character laughs? How about the eyebrows? 
Are the eyes and eyebrows farther apart? Note the shape of the mouth. 

(€ Note the height of the right and left eyes. The right and left shoulders are 
also inclined, so their height is different. 

d: Be bold and try to find interesting expressions. 








(а) The character's typical expression. 
5 Draw the side view of the face so that it looks like the same character as seen from the front. 
‘© A different type of laugh. Like a laugh of embarrassment. 

© Draw a surprised face like this. Note that the eyes and eyebrows are far apart. 
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From “Moldiver Resource Collection" published by AIC Club 
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3. Put Lines in Order and Make the Shape Clear 


Process 





Continue to draw necessary lines and shapes. You 
may feel like the first lines you drew are starting to 
get in the way, but do not erase them just yet. They 
will continue to act as а guide as you draw. 


It appears that the lines at the locations indicated 
are no longer necessary, but this is not true. 


e The lines at location (1) are necessary to make 
the hair look more like hair. 


e The lines at location (2) are necessary for think- 
ing about the sags and wrinkles of clothes. 


e The lines at location (3) are necessary to con- 
firm the width of the chest. 


ЕІ 
E atm n x 


«гє - e ' 
„шау, yak 


м # 
^к”. " 
uer 
LA j ; ri м8 
" а , & 
Г] в * n 
EN. к EM Lr - 
ү ТЫ Р i z М. r3! 
#_ " LI 
и" es fat + "d 12 
me i ind i y. a! «ar. a W T M 
Ры" iW „=. ары" ы ны M "4 
st tt a" "al; ea р 
"s i" ДЫР аат, 
Ем А ена a N ie 4 s 
& wx Een d y 
ca ut P Pi a ^ " 
P do. an er 
# Vut Pur ан 
€ а." ^ 
t L4 2^ y ims, 
» ae P. н 
4 к= 
SN t 
i LE ES ғ А 
ЛЫ", E 
Ee Sur M b й Ф 
4 Г. Мы i J 
verre ahy | ufa 1 
ъз АТ ка " Ё 
Feb aa). ! i 
rar. bra i" a jg Wa чы” 
үзүрү! M ein Р B * ГЪ 
ЕГИ ДИЕ, mnn s 
4 ixl mo pet M : 
hs ? | à 
Å" ГЕГИ 
Ce “a [ М аја“ й e 
^а i 
в", + 
L4 * | 
Lg * a ” iw i 
ш ж 7 $ 
dT я ЖЫРЫ Ed 
ый, EN b 
в L a E 
н 
Y 


1 
i . h 
А mo ^ 
: = а " # 
a Ja T. SU 
a” Ан a а! г PA 
" ca. ey 
П =”. = "3 E ' 
5 „ғ iP. Ts А 
Ё * J x J| 
4 ж i и 
i" LI کے‎ a 4 
» rrt 
Y ' 
;^ i 
Fs 
i "s 
^ à CN 
ia um رک‎ 
E 
aF 
= 
= == — 


Find extra lines and incorrect lines 


The overall image is becoming clearer. From here 
on in, as you draw look for the lines that you will 
keep 
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Process 





Ater you have finished the general form, review the 
^ne areas again. The overall appearance of the pic- 
ture will only be one-tenth of its potential if you do 
me fine areas halfheartedly 
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Be particularly careful with the areas indi- 
cated. Oddly enough, people tend to look at 
these fine areas. The eyes and mouth affect 


the expression and personality of the char- 
acter. 
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At this point, the picture is near completion, Make one final check for deviations in the form. 
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© In the case of 
a normal picture 


© In the case of cel animation 


Normal color - Highlight (brighter 


than normal colar) 







This line is not a contour 
line. It js the border 
between the light and dark 
portioris, 


Shadow 
color 
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Carefully consider the unevenness of the solid when drawing. 











Process < / > Add shadows 





Shadows in animations give characters, which are 
essentially two-dimensional, s three-dimensional 
feel The unevenness of à picture is made easier to 
grasp depending on how the light hits а character. 
Shadows are indispensable for real, full-sized char- 
acters, considering the need to make a Characters 
presence felt within the screen, Shadows are drawn 
with a colored pencil This completes the rough 
sketch 


Gradation shadows are not used much in cel anima- 
tions. There is a clear distinction berween bright, 
normal and dark portions: For that reason the bor- 
ders between the light and dark portions are 
extremely important, 
Shadows are a pattern | 
This may be misleading, but animation shadows ! 
are often drawn in the form of a pattern, Nicely | 
shaped shadows are sometimes drawn to make ! 
a picture look good after considering the direc- | 
tion of the light and the solid. 
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not look sloppy. Draw shadows with a colored pencil. At this point. 


You jus! have to be able to distinguish betwee 


colorful, 


G YENY 


Ta [з 


е of the lines and shapes 






A 


Spend plenty of time on the fine parts so they de 


the picture does nol have 





leted a key drawing. Make a clean copy by tracing 
your picture with excess lines on a separate sheet 


of paper using a tracing box. Make minor correc- 
vons to lines and shadows as you trace without 


terms of the animation process, you will have com- 
n Process / 


At this stage you tentatively finish your picture. In 


Process «8 » Make a clean copy 


destroying the atmospher 





„ Clean-up 


The cleaning up at this stage differs from that in image) that will actually appear on the television or 
Process B. Cleaning up at this stage is done to make theater screen. This clean-up is the final task of the 
a cel. Special lines are drawn during this clean-up- animator 


This drawing will be the source of the picture (cel 





Process «9: Cleaning up contour lines 

Start by cleaning up regular contour lines (called inconspicuous as possible. Raise your pencil like 
solid lines). Note the following six points when an airplane taking off and bring it down where the 
cleaning up solid lines. lines will joi like an airplane landing 


5. There is no need to worry about the orientation 
of the paper on the desk, Move the paper to a 
position where it is easy to move your hand in 
the direction of the line you want to draw. 


1. Just like calligraphy or inking in manga, avoid 
ratracing a line you have already drawn whenev- 
er possible, 

2. Make the shade of all lines the same 

6. Be sure to exploit the accentuation and atmos- 

К: Draw lines in one stroke without hesitating. phere of the lines in the picture drawn up to 


4. When you draw one line by connecting two sep- Process B 


arate linas, make the point where they join as 
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Clean up with the drawing from Process 8 underneath. 
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| Ехатр!е of clean-up done poorly 





The lines are wavering and the smooth- 
ness of the cheeks is gone. Try drawing 


- , ЖУ Ж, — with brisk and smooth strokes. 





Do not think just aboul Iracing the pieture underneath. Think of the new drawing 
as a finished produci. Keep checking how the new picture looks as vou draw. 
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Cleaning up shadows 





You use a colored pencil when cleaning up shad- 
ows, Vermilion and other warm colors are often 
used. For the parts to be done in a dark color (shad- 


ow color), distinguish them from the other parts by 
coloring very lightly using the edge of the colored 
pencil. This completes the animation drawing 


Highlight 


Normal 
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This is not the «ame as coloring à picture. W 





hatever you do, do aot press down hard with the colored pencil. 
Think carefully about the fact that the picture will be colored later. The animation drawing is more colorful 


than the kev drawing to make it easier to distinguish between colors when converting it to a cel. 
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Actual suc 


Hiroyuki Kitazume's Drawing Advice 


Mere аге some pictures done by rook 
ie animators. | will list some things to 
p Г check for when drawing 


1] General comments Bet 


When you use your imagination to draw а machine _- 
or tool, study the use and structure of an actual one 
SO you can make It look realistic. apo 


чы. 
„н 





Why is there a 
straight winid- 


shield on a round 





fuselage? Think ла Even if you draw 
about the iret- X i perspective, 
dimensional effert d draw things that 
as you «raw, would normally be 
parallel so thai 
Che drawing will look three they appear to be E- 
dimensional if. vou draw the Med parallel, a 
relationship between Ше axis "au P d 
of the fuselage and the cross- з ا‎ 


sectional (4 al aceuratelv. 
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2| Scenario 


When drawing for fun, it ts good to draw the sur- “ы. / (proportion) of the body. 
rounding background and not just the character. , 
Practicing expressing a three-dimensional effect in 
the two-dimensional space of a drawing is а very 
good way to improve your drawing ability. __ 


© / Be careful with the balance 


Pay attention to the changes im cross sections. € 


Я Eve level inferred from the sur- 
aking up irom below $ face of the stage / 8 / | N 
= M —— — M  —— — 425 | ræ А p 


aking down from above g 


Perspective exists in 


empty spaces as well, 





m asd Т i a iii Make sure the feet 


are firmly planted on 
the ground. 
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Try drawing trees and 
other objects in a variety 


of ways to Improve you | » | Р 
nw erede 3 | Scenario 
| 


The artist has done a good 
| job of drawing soft, clean 
| | curves. | think the drawing 
would look even more natu- 
ral if the artist would 
| observe the real world such 
as wrnkles on clothes 
before drawing. 





i Pay a little more 
“iA attention to how you 
d | draw wrinkles. 

«d 








Spend some more 
| 


| 2 learning how to 
J£ LI m hands. 


4 | Scenario 

















When drawing a picture for an ani- 
mation, you should tidy up the con- 
nections between lines and the 
form a bit more. Paying attention 
to the shape of the body in clothes 
and the position of joints will result 
in a more three-dimensional and 
N natura! drawing. 


„ш 


Tidy up these lines : 
keeping in mind 
that color will he 
added later, 


The neck may be a bit 

y^ unnatural, 

| How about 

DO mee the position 
| of the joint? 


What about 
the length 
of the arm? 


Chapter 2 


How to Add Colors to 
an Animation 





From "Moldiver Resource Colleetion” published hy AIC Club 


Cel Animation Materials 


Making a cal animation involves many processes, so 
you end up with an enormous number of arawings 
These drawings eventually become one of two 
types of pictures, а cel or a background. It ts the cels 
and backgrounds that are photographed. The cels 
and backgrounds needed for photographing are 
called photography materials or just plain materials 
Animation (drawing), finishing and background (art) 


Animation drawings are transferred to clear sheets made of acetate, | . — 
which are then colored. This is the first time that the moving 


pictures have color. 


To 
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Animation picture seen on the television sereen 
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could be though! of as the sections 
these materials. 


that 


create 


It takes the cooperation of many people то make an 
animation, but each task is done separately. As 
such, each section needs to have a good grasp of 


make a good animation 





à 


2, 
МА 
» 
A 
é 
б 





Movement is completed with a character 
consisting of only lines. They are drawn 
to fill in the space between key drawings. 


“Animation 
drawings 






The lines on these drawings will be transferred to cels, 
so they must be drawn cleanly. 
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Back- Rough drawings done by an animator are 


grounds | transferred to drawing paper and colored 

using poster colors. Unlike drawings of 

characters, contours are not drawn with black lines. 

Backgrounds are drawn with only color tones and the 
contrast between light and shade, like an oil painting. 
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Animalion drawing and background overlapped 
This is what it looks like when a cel is placed on a background. They are photographed in this state. 
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Creating Cels (finishing) 


Cels are what actually appear on the screen, so they Example of color designation table 
have to be done carefully. Good drawings and T pen 

movement done by the animator will not do you any 
good if the cels are dirty. Errors are minimized by 
proceeding systematically. As for coloring of cels, 
there are many different ways of going about it and 
all have to be done properly. Some tasks can only be 
done by someone who is used to doing them. 


` Choosing what 
colors to use 


In order to proceed systematically, you first have to 
designate what colors to use. You decide in advance 
what colors to use where and make a color desig- 
nation table, You write the color numbers on the 
main animation drawings using a colored pen based 
on this color designation table. 
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Hair/eyebrows 
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Animation drawing with color designations 
Designate every little detail without making any mistakes. 


Transferring animation drawings to cels 





The next step is to transfer the pencil drawings to so that the side with the ink оп it faces the cel. The 
cels using a tracing machine. A cel, carbon paper carrier cover is closed and the carrier is run through 
and an animation drawing are placed in that order on the machine. The pencil lines on the animation 
a mount called a carrier. The carbon paper is placed drawing will appear on the back of the cel in ink. 
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A cel created by the tracing machine. 





The tracing machine being operated. 
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You can see that the lines on the cel are blacker than the pencil lines. 
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machine did not transfer cleanly or when you want 
to draw contour lines ina color other than black, you 
use a pen and draw on the front of the cel by hand. 


It is possible to transfer all the drawings this 
way. Aside from the fact that animations 
require tens of thousands of drawings, it is 
sometimes advantageous to trace by hand if 
you want to make one drawing especially 
clean. 
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In order to fix a cel with unclear lines, place 
the cel with unclear lines over its animation 
drawing and join the lines by tracing over the 
unclear parts with a pen. The trick is to pay 
attention to the boldness of the lines as you 
draw, as if you were inking in a manga draw- 
ing. For bold lines, draw the contour of the 
line itself using two lines and then fill in the 
space between the two lines with black. 
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* Difference between hand tracing 
and machine tracing 


Hand tracing 


Machine tracing 


When you want to correct lines that the tracing 
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The line may stand out like this when you 
are finished drawing it, but it will not show 
up when it is photographed, so there is no 
need to worry about it. 




















Hand trace lines using the actual colors that will be 
used for everything that does not have black con- 
tour lines like water, ice, fire and glass and border- 
lines between light colors and shadows even if the 
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A cel that has undergone color tracing 


Transferring colors other than black to cels 


object is surrounded by a black contour. Shadows 
are not created using gradation. A characteristic of 
animations is the depiction of shadows by clearly 
separatina the border between light and dark colors. 


Someone performing the task of color tracing 





Colors are traced on animation drawing lines that were drawn using colored pencils, 
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Coloring cels 



















\ cel that has not been completely colored vet 
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Begin coloring the cel once the tracing of all contour 
ines, shadow borders and other lines have been 
completed. Coloring is the task of placing animation 
colors on the back of cels. The trick is to ‘place’ 
paints on the cels rather than "paint" them on. Make 


sure that the colors are even 


When the animation colors are hard, dilute them by 
adding a little water to make them easier to apply 

hey are the right consistency if you can spread 
them on the cel lightly with a brush. Make sure that 
the paints do not become too thick 





Always paint within the lines and make sure there 
аге no gaps between colors. A good rule of thumb 
is to only cover half of the width of traced lines with 
animation colors. 


You can erase animation colors if you wipe therm off 
Immediately. If you notice a mistake after they have 
dried, carefully scrape them off using a bamboo 
spatula. 


The eel has been completeh colored 


1 

[ 3.7] 
- 

۴ 
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The cel as seen from 


behind 
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5, Special effects | Drawing with an airbrush, etc, 


Cel animations sometimes require special effects that 
cannot be created by simply applying colors with a brush 
In many such situations, an airbrush 15 used to create the 
desired effect An airbrush is used to add gradations, to 
draw clouds, smoke and other objects that do not have a 
clear contour and to create a shining effect. 


There are other extraordinary techniques for adding 
effects in addition to those created by an airbrush, includ- 
ing deliberately damaging a cel to cause a diffused reflec- 
tion or adding a light color from above a cel, but these 
techniques are being done less and less by the special 
effects section as of late 





Examples of special effects 
created using an airbrush 


ijCreate flushed cheeks 
like these from the 
front of a cel. 


2jCheck to see that you 
can create the effect 
you want by practicing 
on a sheet of paper you 
do not need before air- 
brushing a cel. There is 
no turning back once 
you have applied a lot, 
so make adjustments 
as you go by applying 
it thinly and quickly 
over several blasts of 
paint. 


3)This concludes the air- 
brushing task. Use air- 
brush effects sparingly, 
because if you use 
them too much on a cel 
it wil! stand out. 
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Lomplet d cel 
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Examples of effects created using an airbrush 


The light shining through clouds is expressed 
using an airbrush. The majority of the picture 
is done with a brush. The airbrush has been 
used to add spice to the picture. 








The light of a street lamp in the night sky was 
airbrushed in a sharp manner in order to indi- 
cate direction. 








An airbrush is used to make the sun look realistic. 
You can express burning flames and brightness. 
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Painting Backgrounds 


There is another material that 
appears on the screen in aqdi- 
tion to cels: backgrounds. You 
may not notice them much as 
you follow a moving character 
on the screen, but the quality of 
background pictures affects the 
overall quality of scenes. 


Characters are drawn in the 
“manga style, but background 
pictures are similar to fine art. 
You think about hue, brightness 
and chroma as you paint. Unlike 
coloring within contour lines, 
you are more like a painter. 
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Freely create colors 


First, get rid of any coloring book-type perceptions 
you may have like painting the sky light blue, grass 
green and lemons yellow. In order to paint а space 
with a three-dimensional effect, you have to make 
full use of poster colors, create the optimum colars 
and express depth and the contrast between light 
and shade. A tree trunk will be brown, but the 
brown where light hits it and the brown where light 
does not hit it will be different. When you make col- 
ors, think about what colors are needed to express 
that. 


Let's say you are going to paint the sea and 
sky. The sea is light blue. The sky is also light 
blue. How would you distinguish between the 
two? In picture 2, both the sea and sky were 
painted with light blue with no alterations. If 
you do it right, you can make the painting 
dynamic, as in this example. On the other 
hand, the sea and sky in picture 1 were paint- 
ed with different shades of light blue. As a 
result, the painting is more dynamic and tran- 
sitions аге more pronounced. 





59 


Color chart —— 


We have presented actual examples below of mak- 
ing colors darker through mixing tor the purpose of 
adding contrast between light and shade to the 
color of an object. 


Often both light and dark colors look like 
totally different colors when they are on the 
palette. For fear of this, you might make the 
mistake of mixing only slightly different 


1. Original poster colors 


Example color preparation for expressing 
the contrast between light and shade 


shades of a color, however, on paper there 
will be no contrast between light and shade. 
You should be bold and make the contrast 
between shades sharp. 





2. Colors are made slightly darker as a result of mixing. 








3. Colors are made even darker as a result of mixing. 
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thicket to make it look like you 
can see through il. 









a 


different levels of color. 


using 


ь. 


al effect by 
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Imcnsion 
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Create a three-d 








DE SS Make the backs of 
Tra SES P leaves in the fore- 
ground dark as well. 


This color acts as a 
base and is almost 
invisible. 





Make the light areas 


as light as possible. 





We isolated colors being used in different 
parts of the picture. Note how different the 
colors look when they are in the picture com- 
pared to when they are isolated. 


Add blue to the brown 
croton tree for vanation, 
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| 2. Basic brush techniques | Different ways of applying paints 


* Flat application 


This involves even application of a single color. You 
quickly paint right and left using a flat brush. 
Moderately dilute a poster color and repeatedly 
move the brush to the right and left, applying about 
half the width of the brush with each stroke. 








© Groove painting 





| 


This is used when you want to draw a straight line. When you 
try to paint along a ruler to get a straight line, the paint will 


ا 


i seep below the ruler and spread. Hold a glass rod (or a chop 
j stick) together with the brush as if you were holding chop 
sticks. Place the glass rod in the groove of the ruler and draw 
{ а straight line without stopping. Note that the line will not be 
i straight if the distance between the brush and the glass rod is 
; not the same throughout the motion. Rubbing wax or a simi 
i lar substance in the groove will make the glass rod slide more 
j easily and will help prevent jagged lines 
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How well you use brushes is important when draw- 
ing backgrounds given the nature of tne pictures 
that аге painted. You should at least master the typ- 
ical and basic brush techniques. 






Color A: From top to bottom 


(Movement of brush | 
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2 # Gradation 

* This is a variation of flat application. You paint 
ы color A from the top and color B from the bot- 
& tom in the same manner as flat application. 


Repeat several times so there are no brush 
marks. 
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* Blurring 


"ИШЕН This is used to make multiple colors hazy. Lightly apply 
color A and then fill in with color B. Move the brush back 
and forth a little where the two colors come together to 
make a secondary color on the paper. 
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Expressing depth 


Trees in a forest 

Drawing each individual tree 
in the distance would be a 
daunting task. Distinguish 
between trees that you want 
within viewing range and 
those that are far away while 
at the same time blurring trees 
that are far away using colors 
alone. Emphasize the contrast 
between light and shade on 
nearby trees because they are 
clearly visible. 


Outer space 

Outer space is essentially a 
pitch-black space and depth 
cannot be expressed without 
some objects, but it will look 
like outer space if you create 
light areas and dark areas and 
include your image of outer 
space. What you are doing is 
adding accent to a picture that 
potentially could just be a sin- 
gle color. Dot the picture with 
stars of varying sizes. Do not 
place the stars in a uniform 
pattern and make sure they 
are not too clumped together. 





A background picture contains both areas that In general, distinguishing between objects in 


should be clearly shown and those that should the middle and these that are extremely close 
not. Use clear, sharp contours and colors for and far away makes it easier to create a sense 


things you want to show the most. of depth. 
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E — Depth is expressed by making the foreground brigh 
—_— а and the background dark, A dark background makes 


lor an ominous picture. 


Depth is created by making the background bright. 
The effect is that of bright sunlight on a spring or 
summer day. 


Bright expression of distant views 








Let's try painting 
Expression of Textures 


Clouds and smoke 

If you want to have moving 
smoke, you need to use cels, 
but smoke that has risen 
high in the sky is often used 
in backgrounds, Express the 
spread of smoke by erasing 
edges with an airbrush or by 
other means. Clouds are 
painted in the same manner, 
but the trick with clouds is to 
consider the direction of 
light and make the contrast 
between light and shade 
clear. Draw the edges of 
clouds with a brush so they 
are not too blurred. Make 
full use of gradation and 
blurring techniques. 
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Many flowers 
Painting each individual flower is not practical, so think of flowers in terms of clumps. 
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Thickets 


It is not practical to paint each 
individual leaf on a tree, so 
think of leaves in terms of 
clumps like you would with 
flowers. Think of their overall 
contour as you place colors 
in back and front. Do not glob 
the paint on. You should 
leave spaces so you can see a 
little bit of what is behind 
them. Use your brush care- 
fully when creating spaces. 
Be sure not to spread the 
paint around excessively. 





Close-up of one section 
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Floors 

It is difficult to express 
depth because floors are 
flat. Add reflections to 
make floors look more 
realistic and create a sense 
of depth. Reflections will 
make floors look smooth. 
You can use this to distin- 
guish between man-made 
surfaces and natural sur- 
faces like the ground 
because natural surfaces 
are not smooth. The gap 
between floor tiles is black, 
but the edges of the tiles 
themselves are shiny 50 as 
to create a three-dimen- 
sional effect. 





Man-made structures 

Like floors, man-made structures are flat, smooth 
and mechanical. Always think “parallel” when using 
your brush. For objects with angles, change the 
movement of the brush in line with variations in the 
surface. 
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Backgrounds for transposition (background transposition) 

For scenes where the background gradually changes from daytime to night, for instance, you make two back- 
grounds with the same form, one for daytime and one for night, and express the change by overlapping them. 
How light emerges, how it hits surfaces and even the textures of colors change. 
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Harmonization | 


Harmony is the presentation of an animation in the 
form of an illustration-type picture using cels and 
backgrounds and not in the normal cel animation 
fashion. A cel with contour lines is placed over a 
background picture, The contour is clearer than the 
background and the background offers subtle gra- 
dation superior to the cel. You can use this tech- 
nique for characters to create a symbolic scene, 
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Contos lines transferred to a cel 
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Completion 
If the picture will not move. harmonization can be used for mechs and other ibjects lo greatly improve 
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Before photographing | 


Lets try placing a cel over a background. By the 
way, more than one cel may be placed over a Dack- 
ground. It is not uncommon to place two or three 


cels over a background. 


The first cel put on the background is designated A, 
the next one B and so forth. You do not notice it on 
the TV screen, but cels for a character are sorted in 
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Background 





Background k Cel A 





Bax keround tel A + Cel B= Completion 
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This work is an original drawing done 


Artist: Hiroyuki Kitazume for this book. 
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Filming (Photography) 


The pictures will not move with the Completed 


materials (cels and backgrounds) alone. The pictures 









come to life only after they have been photographed 
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This is done by manipulating T E AREAS “Ж 
the camera. You start with ап | | 24 TUM e Y i bes. 
underexposed frame and SEED. ' ч | ET as 
slightly increase the expo- 
sure one frame at a time so 
that each picture gradually 
gets brighter. This technique 
allows you to have a scene 
appear gradually. This 15 
called fade-in. Fade-out is ® 
just the opposite. A scenê 
will gradually dissolve. nd 
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Overlap (O.L.) 


First, you photograph a scene so that it fades out. 
Then you rewind the film and photograph the next 
scene so that it fades in. By doing this, the first 
scene dissolves while overlapping with the next 
scene (the next scene appears while overlapping 
with the preceding scene). This is called overlap. 





Overlapping within the same cut is often referred to 
as O.L. Overlapping in the examples presented 
here is called overlap transition because a transi- 
tion is made from one cut to the next using overlap. 
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Double exposure (WXP) 

















Material | alone 


Viatenal 2 alone 
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The expression "double exposure" is often 
used when you alter only a part of a shot for 
some reason, such as when you want to make 
only characters look transparent. 


In the example given here, a double exposure 
(often called "daburashi" in Japanese) is used 
to create the appearance of a semitransparent 
person reflected in a lens. 
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Expression of light shining in from outside a 
shot. After photographing cels and back- 
ground in the usual way, shine a light on some 
object located outside the frame that will 
reflect the light diffusely (there are a variety of 
things to choose from), and photograph the 
shot with the reflected light in the frame. 





Completed shot 


Transmitted light 


When you want to make it look like a part of a 
shot is shining, rewind the film after photo- 
graphing cels and background in the usual 
way and then photograph the same frame 
again with light alone. 


Place on the table black paper cut out in the 
shape you want the light to be and photo- 
graph with the light source below. The shape 
will appear in the shot together with the nor- 
mal cels and background. 
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You often see expression of swaying water 
as if a shot was photographed under water 
or the shimmer of hot air caused by heat 
from flames. These effects are created 
using wavy glass during photography. An 
acrylic plate with bumpy waves is placed 
in front of the camera. You can create a 
swaying effect by sliding the wavy glass 
vertically and horizontally. 
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‘Flare-transmitted light, Example 1 





The area around the sparks from a gun is 
made to look hazy like light escaping. 
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Material 2 alone Completed shot 









Flare-transmitted light Example 2 










Flare-transmitted light is used to express elec- 
tricity. A special cel called a "lith mask" is pre- 
pared to make the lines look like they are shin- 
ing. 





Completed shot 


i Pinhole light + cross filter ' 


Holes were simply cut out of black paper and 
the light source was placed below the film. A 
“cross filter" was attached to the lens to make 
the light shine like a cross. 





Material ] alone 


— 





Completed shot 


Matenral 2 alone 
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Publisheg by Alc Club 


“Carefully Plan Actions - 


1. Make the situation clear 


If vou just draw aimlessly. your work will be nothing 
more than doodling. Drama ıS a product of a 
sequence of a variety of events, so you will need to 
draw various scenes. Think of the situation in which 
your character finds himself or herself in terms oi 
tne following. 





Where is the character standing? 
2] How far away is the character from other 
characters (if there are any)? 


3JAre there any props? 

(4) What is in the background? 
How big is the area? 

6] What is the direction of the light? 
Others 
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How will you present the situation? 


Ф Will you present the character up close or from far away? 


Bust shot Pa oe 


This is used when you 
want viewers to focus on 
the character. The facial 
expression of the charac- IPTA 
ter is accurately conveyed. Wide shot 
This is used when you 
want to illustrate the area 


< around the character. The 
drawback is that it becomes diffi- 
XL — — — cult to see subtle facial expressions 


on the character. 












Ф Will you show the character from below looking up or from above 
looking down? ^ 
Looking up from below um "S 


This angle makes the charac- 
ter look important or full of 
hope. 


Looking down from above 





This angle makes the character 
look dejected or in an unfavor- 
able situation. 





2. Trajectory 
—Think about the action line 


Think about how to move an object. Do not just 
think vaguely in terms of the position of the object 
changing. Have a clear idea of the path the object 
will follow. This path is called the “trajectory” or 
‘action line." The quality of motion is dictated by 
this trajectory, Trajectory is present in all motions 
no matter how small. At this stage you carefully 
plan a motion. 





Even if the starting position and the end 
position are the same, the motion will be 
completely different if the trajectory is dif- 
ferent. As seen іп |1, 2' and 2", inserting 
a different picture between 1 and 3 results 
in different motions. The picture you insert 
in the middle will differ depending on the 
trajectory you come up with. 
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Example: 
Trajectory of an airplane in flight 
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When drawing pictures of someone running, 
you tend to focus on the motion of the hands 
and feet, but the body is also moving up and 
down at the same time. Think about both the 
trajectory of the body moving up and down 
and the motion of the hands and feet. 










In a punching motion, the fist travels in a 
straight line, but the elbow does not, The free- 
dom to choose what punching motion to use 
offers an animator the chance to show his or 
her skill. 





How the person being kicked falls down will dif- 
fer depending on the motion of the leg doing the 
kicking. The kick should be a rotary motion that is 
natural given the structure of the human body. 
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3. Think about the laws of nature 
A. Gravity and centrifugal force 


When picking up a heavy object, it will 
not look heavy if it is picked up with 
ease. You need to draw a picture in a 
way that makes the object look heavy. 
Create this effect by drawing a picture 
in which the weight of the object looks 
like it is being pulled straight down. 
The motion is adjusted by inserting 
this picture in the middle. 





Weight is also exerted on a person 
who is simply standing around. A char- 
acter that appears to be floating in a 
state of weightlessness will not look 
realistic. Use the turns and twists of 
the body to make it look like the cen- 
ter of gravity is over the feet of a char- 
acter. 





Not good 


When drawing a character in motion, 
do not draw a picture that makes it 
look like the character is frozen ípic- 
ture 2). The picture must look like the 
character is in the middle of a motion 
(picture 127), as if the picture was a 
frame that was removed from a film of 
a continuous motion. You have to be 
able to take one look at the picture and 
almost feel the centrifugal force and 
the opposing force pulling it. 
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B. Inertia 


Objects standing still do not move 
suddenly and moving objects do not 
stop suddenly. This is called inertia. 









Moving а rope 
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All objects, not just charac- 
ters, can be divided into 
those that move and those 
that are moved. Inertia 
often appears in objects 
that are moved and it fol- 
lows objects that move. You 
could say that objects that 
move pull it. You can 
express motion by stagger- 
ing the timing of movement 


Aa, $; | of objects that move and 
\ x. О, Hair streaming those that are moved. 
2 when looking | 
back Inertia is always present in 


the natural world to some 
Jumping down extent. The amount of iner- 
wearing a cape tia will vary greatly depend- 
ing on the speed of a move- 
ment. Note this when draw- 
ing in-betweens. 








4. Exaggeration (deformation) 


Like a still picture, exaggeration is also used in mov- 
ing pictures. Even if the starting position and the 
end position are fixed, use of exaggeration in 
between will give the motion a slightly different fla 
VOT 


Неге are some examples of "squishing" and 
"stretching." The normal action line has been 
ignored intentionally and the shape of the 
character has been changed to create an exag- 
gerated effect. 








12) Squishing | ! | 13] Stretching | 





[1] Before moving 





In this example, we stuck out the 
chest and drew back the head 
| without moving the body at all. 
This ignores the structure of the 
human body, but 1, 2 апа |з are 
moved rapidly so that you only 
see the odd picture for an instant, 


12] Winding up exaggeratedly 





[1] Before moving [3] Taking off suddenly 

| | The car is coiled like a spring to 
emphasize the rapid start in 3, 
| This technique can be used with 
| anything including people, ani- 
mals and machines. You see this a 
lot in American animation. 


[2] Winding up exaggeratedly moving Г 


5. Move objects using “ghost” effects 


You have probably taken a photograph that has your photograph leaves a trailing image if it moves 
turned out to be blurred. The color of people and quickly. A "ghost" effect is used to represent this 
background in a burred photograph appears to flow. trailing image in order to create a sense of speed. 
Even if a photograph is not blurred, the subject of 













If you try to make it look like the 
chick is moving quickly from 1 to 
2,pictures i, 2 and 3 will look 
like separate pictures if you insert 
just picture 2 in between and it will 
not appear to move smoothly. If you 
insert 2 ', however, the ghost effect 
will make it look like the chick is 
moving quickly from 1! to3. 


By the same principle, when you raise 
the hands from 1 to 3 the arms will 
look out of synch if you insert 2. The 
motion will be rapid and smooth if you 
insert 2°. 














Let's say you want to instantly move a 
character from the position in i to the 
position in 3l. You cannot draw an inter- 
mediate character that will fit in between 
| and 3. Here we had the character 
jump from the position in ! to the posi- 
tion in 3. A ghost was drawn over the 
trajectory and inserted in the middle. 
Ghosts enable you to move objects at 
speeds that are not physically possible. 


Note that "ghost" effects that exagger- 
ate speed are mainly used in comical 
animations. They are totally unsuitable 


in almost all serious works. 


In this example, squishing was inserted 
as the character was moved from 1 to 
з, but the action is not quite exaggerat- 
ed enough. The action will be exaggerat- 
ed if you use a "ghost" effect to make it 
look like the character is flapping her 
arms. 
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Action Points 


First, think about the trajectory and how an action 
will unfold. It is not wise, however, to draw each lit- 
tle movement in order from the beginning. It is 
more efficient to draw the pictures with the main 
poses first. 


1. Start and end of a motion 


Here we are talking about from where to where an 
object will move. The first two pictures you need to 
draw are the start and end of a motion. Then you 
can fill in the gap between them with the action you 
desire 


Picture ıi is an upright pole, Picture |7| is the 
pole on the ground, Pictures 2l, 3,4,5] and 
6 are the pole falling. Picture (в! is the pole 
bouncing after hitting the ground. 








i] Start 


These main poses are roughly picked out from the 
actions of a character, You do not, however, just ran- 
domly pick them out. You must consider various ele- 
ments. 





A dozing girl tries to 
fight off her sleepi- 
ness. She not only 
opens her eyes but 
also raises her face. 


A boy looking to 
the side turns his 
head forward. 


| 
| 


02 А, A 


i star | 2] | 


© "Start and end of a motion" 
and “start and end of a cut" 


The "start and end of a motion" are pictures | | 
and |а), but let's say you will only show the 
audience pictures [4 to E., In this case, the 
start of the cut is picture 4 and the end of the 
cut is picture |8|, so pictures 1 to 3 are not 
necessary. An animated film is made up of 
individual cuts that have been joined together. 
It is not uncommon to leave out the start or 
and of a motion. 





From standing position to sitting position. The gap 
between these positions is filled with pictures that 
differ slightly to create an animation of a person sit- 
ting down. 








2. Points where power is exerted during a motion 


Like gravity and centrifugal force, you have to draw 
a realistic picture at points where power is exerted 
The picture will differ aceatly depending on whether 
you include this pose or exclude it from a motion. 
The picture where the most power is exerted is an 
important part of a motion. Let's try drawing the 
point where the most power iS exerted in a motion. 











3 


Picture 2 is required to move the character 
from picture 1 to picture 3. 
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Here we have а cat standing | and 
flying |3|. The picture with the cat 
flying makes it look like the cat is 
jumping, but these two pictures 
alone are not enough to make the 
cat fly. Filling the gap between 
these pictures with pictures that 
change bit by bit will only make the 
cat "float." Picture 2 is necessary to 
make the cat fly. 



















9 £X I 
3j 
If you think of the 
state when power 
is not being exert- 
ed as the "normal" 
state, then the 
state when power 
is being exerted 
can be thought of 
as a state when 
the object 
expands or con- 
tracts relative to 
the normal state. 
Even if the pose is 
the same, it will 
look like power is 
being exerted if 
the audience is 
aware of the 
expansion/con- 


Picture |2 is required 
to move the character 
from picture Т to pic- 
ture |3|. 






^ From "Moldiver Resource Collection" published by AIC Club ' 


3. Make motions fluid 


The human body is made up of many parts 
connected by joints. It would be strange if 
the movement of a character were to be 
stiff like a doll being manipulated. 


t 











Picture (7 in both A and B is unac- 
ceptable if you want to draw a char- 
acter turning around. Try drawing it 
so that it looks like the parts doing 
the twisting pull the other parts. The 
face should move ahead of the shoul- 
ders and arms, like in picture |2". 


68890808 005820808092020080282209?9098909099055»49075850292222528 





When a part of the body pulls an object or another part of the 
body, it is called "follow through". In cartoons from countries 
other than Japan, you sometimes see motion where one object 
or part of the body appears to be stuck to something, this is an 
exaggeration of follow through. 


When making a follow through, the farther an object or part of 
the body is from the part that is pulling it, the more you should 
curve it towards its original position. 








Picture |2|is not natural if you are about to 
grab something. Picture 2° is necessary. 
It looks like the character is about to grab 
the apple. 


Ses 049o8505€959088998505»s,"»742844830859»0909828209o5B»49"8595285545»5$9*29806n2020559022^05^5$b 


D 





People do not get up like the 
character in picture 2, The 
legs and lower back of the 
character in picture 2' look 
natural, 
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4. How to make motions powerful 


The same motion will be viewed differently by the 
audience depending on how it appears on the 
screen 


When you want to create a powerful image, try 
making the motion so big that the picture spills out- 


ture into the frame, the picture and the motion will 
look cramped at the expense of power. You can rap- 
idly close the distance between the character and 
the audience by moving the vantage point (camera) 
closer to the character. The motion of a character 
that is close to you is naturally more powerful. 


side the frame. If you try to squeeze the entire pic- 








ET 


Here are some specific examples. Add a pic- 
ture where an object on the screen looks like it 
could almost come into contact with the audi- 
ence. For instance, you could have the hand of 
a character pass several centimeters in front of 
the faces in the audience. For such a picture, 
all you have to do is follow the rule of making 
the parts that are near bigger and the parts 
that are far away smaller. 


?o0o*ontsoootnao020049509u095585005580020908220506005»8,5208284089883869085206062970202255 


The exaggeration mentioned earlier was incorporated into these pic- 
tures, Picture |1| is a normal surprised look. Picture 2| has more 
impact. Picture 3 is an "It's the end of the world" expression. Picture 
3 is sure to be a hit with the audience. 








This example also incorporates exaggeration. We 
added a manga-style impact that should not be vis- 
ible through the character's back. 





2] 


We used a “ghost” effect to create a sense of speed 
and we tried to create a visual effect where the audi- 
ence comes close to being kicked. 
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5. Main poses within motions A 


Unlike the pictures designed to make a motion con- 
sistent with the dispensation of nature and those 
designed for dramatic effect shown in the preceding 
sections, here we will present poses that must be 
prepared in order to make pictures move. 


2 
When having a character turn around, just 
showing the back view (picture 1) and the 
front view (picture 3 ) will not give us any idea 
how the face comes into view. You need a pic- 


E 








ter turned around from the left. Furthermore, 
the character could also turn around with the 
neck slightly tilted for dramatic effect. It is 
important to depict, in the form of specific pic- 


ture in between that shows this. Without pic- tures, the action you have in your head. 


ture 2, it could possibly look like the charac- 





You will want a picture of the side of 
the hand when moving from the top of 
the hand to the palm of the hand. 


"- 2535855855 a&t*9w-w94808558Às58&85ssswg ux 4596»5»0x 


Even when you are not particular about the dramat- 
ic effect, you should remove the picture in advance 
when the object you are moving is biggest, small- 
est, thickest or thinnest midway through the 
motion. You should also remove the most compli- 
cated point when the shape of the object changes in 
a complex manner. 
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Tne camera moves from above the 
girl to below the girl. A picture of the 
girl from the side is necessary. 


The precise size and shape of 

the door cannot be deter- 3) 
mined with just pictures [T 

and 3. Picture 2 makes it 

clear what kind of door it 15. 
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6. Analyze motion when drawing 


Use of the word analysis may be going a little too 
far. What we want to say is that you should think of 


motion in terms of segments. A 





A "grabbing" motion involves several 
movements: i. Raising the arm, [2 
Twisting the arm to facilitate grabbing 
while extending the arm, 3l. Opening 
the hand, 4. Touching the object, |5|. 
Closing the hand and в. Lifting the 
object up. Performing each of these 
actions separately would look robotic, 
but when performed by a human the 
motion is smooth. 


The motion of grabbing a glass 
requires at least three types of picture: 
1, 2 and 3. Almost all the actions we 
subconsciously perform every day are 
made up of a combination of subtle 
movements. Gradually think about how 
objects are moving before drawing. 


When standing up from a chair, a person does 
not float from the position in picture ! to that 
in picture 3. A person has to place their 
weight on their legs (picture |2). This is also 
the pose where power is exerted. This motion 
is called "preliminary movement" or "prior 
movement." 
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When throwing a ball, you "prepare" for 
the throw by drawing the ball back to 
build up power. 








A person who is running cannot stop 
on a dime. A movement that shows 
the person reducing speed is inserted. 





Techniques for making motions three-dimensional 


1. Tricks for thinking of pictures three-dimensionally 


Pictures are drawn using contour lines, but shapes 
аге not represented by contour lines alone. Even a 
slight change in the angle at which an object is 
viewed will shift the contour of the object to a dif- 
ferent location 


A 





C 


Pictures 1 and 2 show the same hair, 
but the part of the hair that is visible 
changed because the angle of the face 
changed. 








Since you draw contour lines to match the angle at 
which an object is being viewed, a slight change in 
the angle will force you to redraw the three-dimen- 
sional object on a two-dimensional surface as a dif- 
ferent picture, even if it is the same object 


When the ball spins, the contour line 4 in the 
left picture becomes a pattern line in the right 
picture, and a new contour line 5. appears. 





Pictures |{| and 2) appear to be the 
same, but you can tell that it was spun 
by the pattern. 








dt  Thecontour is the same, but a part of 
the objects not visible in picture 1| 
appears in picture |2 (see picture 2 '). 


2 








zr 


2. Make sure that characters do not "lose their shape" 


We say that characters ‘loses their shape" when the same 
character looks different in different pictures. Be careful 
because this phenomenon can occur when drawing 
machines and small objects as well. 





Not good 





This dog has a normal build. The 
length of its body will not shrink 
when viewed from the side. 





Not good 









If the cross section of a building is square, you need 
to draw it so that the width and depth look the 
same no matter what angle it is viewed from. 


Not good 
For pictures that have to be 

` drawn at an angle that offers no 

reference material, you should 

make the atmosphere similar. 


P jJ /8 Y 
Good y ^ мй Not d 8 | 


A character cannot look like a different person when viewed 
from the front and side (the character would transform into 
another person while turning around). Make a character look 
the same even if the angle from which it is viewed changes. 


Pay attention to the following in order to make a character 
look the same. 

è Accurately grasp the shape of parts 

e Accurately grasp the balance between parts 

« Grasp the atmosphere 

Grasping the atmosphere is particularly difficult, because 
\ | much depends on the latent ability of the artist, but the trick 
1 р, / to making a character look the same is to give concrete form 
to the visual image of a character. Capturing the atmosphere 
is indispensable. 





106 





Chapter 4 
Tips for Improving the Fun 
Factor of Animations _ 
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From “Moldiver Resource Collection” published by AIC Club 


Making Animations is the Same as Shooting a Film 


The part eut out of the visual field in the shape 
of a frame is what fits on the film. 
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Characters in an animation are actors and animators 
аге ihe cameramen who film the actors. You should 
draw pictures as if you were looking through a cam- 
era. Always be conscious of the “camera.” 


1. Think about the visual field, 
visual angle and visual cone 


Pictures will be round if you draw the entire 
expanse of space visible at one time. They will be 
round because both eyes and camera lenses are 
round. This range of sight is called the visual field. 
The screen is one part of the range of sight cut out 
in the shape of a frame. In a film, the pictures with- 
in this frame become the visual field of the audi- 
ence. А cone whose base 15 the visual field and 
whose vertex is at the eye (camera) is called the 
visual cone. The angle of the vertex of the cone (5 
called the visual angle, An object 15 within the visu- 
al field if itis within the visual angle 


Film 





Visual field 


2. Think about where the horizon is 


The ground will generally be completely fiat 
(the earth is round, but it is very big). Think 
about where the horizon is in the picture. If 
the eyes are parallel with the ground, the 
horizon will be in the center of the screen. If 
not, think of this as a yardstick. The relation- 
ship between a character and the horizon 
will differ depending on the height of the 
eyes (camera height) relative to the charac- 
ter. A horizon that is above or below the 
center of the screen indicates that the eyes 
are not parallel with the around. 


Telephoto and wide-angle lenses 


You can have a close-up of a character 
by using a telephoto lens and you can 
make a character smaller by using à 
wide-angle lens, without changing the 
distance between the character and the 
camera. The size of the character with- 
in the frame looks different because the 
telephoto lens makes the visual field 
narrower and the wide-angle lens 
makes it wider. 


(1) Standard position 


Mia 
at 
LI 
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(2) Lowering the camera (low position) 
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3. Perspective lines are curved 


The straighter ar) object is, the more 
curved it will look, This statement may sur- 
prise you, but it is true. An object that is 
physically straight always has parts that 
аге near and far from the eyes (camera). A 
Straight object will look almost completely 
straight when viewed from the front, but 
the parts of a picture not at the center of 
the visual field will be viewed at an angie 
from the eyes (camera), so the distance 
will be different relative to the front view. 
You will need to deftly distinguish between 
these differences in angle and distance 
when drawing. 





Frame a Frame h 


Let's say we are looking at a straight wall. 
When the wall is viewed from directly in front 
of it (frame a), all the lines appear to be 
straight, parallel lines. When you move your 
eyes to the right, however, you are viewing 
the wall diagonally (frame b), and the wall 


lines are no longer parallel, 


Since the angle at which the wall is viewed 
becomes sharper the farther in the back you 
go, the portion of the wall (frame c) between 
the edge of the wall and the front can only be 


drawn with wall lines that are curved. 


We drew a building based on the preceding con- 
cept. When you try to combine in one picture 
the part of the building you look up at, the part 
you look down at and the part in between, with 
their different perspectives, you end up with a 
mysterious building made up of all curved lines. 
If you show this strange picture only within their 
respective frames, it will not look that out of 
place. This type of picture is often drawn inten- 


Conceptual drawing of spatial distortion 


as seen through a lens 


Appears to be 







Appears to be 
directly below — 


Completely 
flat ground 
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tionally when making an animation. 
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4. Exaggeration of perspective 


A close-up of the same character created using 
a telephoto lens and that created using a wide- 


angle lens will be different. иеа Tani 


Since the wide-angle lens has a wider visual 

field, you have to be very close to the character 

to get a close-up. Such a shot will be powerful 

because the character is near the audience. In 

order to let the audience know that it is near the 

character, you have to draw a picture that gives Ф 
the impression that it was shot with а wide- 

angle lens. Exaggeration of perspective is an 

effective means of creating this difference. 





$ 


Telephoto lens 










We drew a curved character. It does not look 
strange, however, when viewed only within 
frames. This drawing was designed to express the 
camera work shown in Figure 1. Characters are 
sometimes drawn strangely on purpose for dra- 
matic effect, not just to distort perspective. 


Figure 1 


8) 


The mystery behind a seemingly strange picture is solved 
when you are aware of the presence of the camera. 
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tive contir к 
LL Let's say that a camera is placed in a certain posi- 
tion and a character walks in front of it in a straight 
line. The character passes in front of the camera. 
The character is viewed from the side the instant it 
goes by the camera (b), but when it approaches (a) 
and moves away from (с) the camera, it is not 
viewed from the side. This is because the angle of 
the character as seen from the camera is different 


in each frame. 
Conceptual drawing of walking action 


Walking 
bionda 


BG O QO 








D om. 


Draw as if the character is walking a curved line, 
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We drew two standing characters to look at the 
difference between them. When the characters 
are viewed with the same lens, both characters 
pretty much face the camera when they are 
shot from a distance, but they look like they are 
turning away from each other when shot close 
up. Even if the way the characters are standing 
does not change, a change in camera position 
not only changes the size of the characters but 
also affects other changes. The direction the 
characters are facing in each picture is the 
direction of spatial distortion. 
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5. Depth 


When you watch Formula 1 racing on TV, the cars look 
like they are crawling along when you see them from far 
away, but they appear to gradually pick up speed as they 
get closer. Even if the cars are moving at the same speed, 
the distance they travel and the "change in size" increase 
with increasing speed as the cars get closer, and they 
move extremely fast very close up. 


There is a large difference in the amount of change 
between the cars in the distance and those nearby even 
if physically they are moving the same distance and at the 
same speed. 








А 


Movement in the depth direction is expressed by changing 
the size of an object. If the movement from (1) to (2) is viewed 
from the front, then A and B are equivalent to (1) and (2), 
respectively. 


Speed is expressed in terms of percentage change. If the 
speed of the movement is the same, (a) is correct. The fore- 
ground is slow in (b). 
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The pictures needed for the 
same action will differ depending 
on whether the length of time 
required for the action is long or 
short. Furthermore, the image of 
the screen itself will differ. is the 
action slow, quick or a combina- 
tion of the two? If it is a combi- 
nation of the two, think about 
how the pace is varied. 


(A) 


A-lisame as B-1) 


A-2 


A-3isame as B-5) 


A-4 


(A-1) 





B-lisame as А-1) 


B-2 


B-5(same as А-3) 


Timing of Actions 


1. Speed of actions 


А-1 and B-1 are the same pictures, as are А-З and B- 
5. Using these pictures, we created an action with 
one cycle consisting of four pictures (A) and an 
action with one cycle consisting of eight pictures 
(В). 


B, which has more pictures, naturally appears to 
move slower, but did you notice that this 15 not just 
because there are more pictures? Both A-2 and B-3 


(B) 


Both pictures show a character 
running, but they are quite dif- 
ferent. The pictures will be dif- 
ferent if you are conscious of 
the speed at which the charac- 
ter is running as you draw. 


are in the middle of А-1 and A-3 and B-1 and B-5, 
respectively, but they are slightly different. A-4 and 
B-7 are also different. This occurred because the 


animator determined, based on expenence and intu- 
ition, that these pictures were necessary if the char- 
acter was to Move at a certain speed As you can 
See, it i5 important to imagine the speed of an action 
in your head and draw the pictures necessary for 
the motion. 






2. Three frames, two frames and one frame 


Movie film runs at twenty-four 
frames per second. Television and 
other video signals use 30 frames 
per second. That is equivalent to 24 
or 30 flipt cartoon pictures in the 
course of one second. In the case 
of most Japanese animations, 24 
frames per second are used and 
the same picture is used for three 
consecutive frames, so you only 
need eight pictures per second. 
This is done because the pace of 
motion is altered by manipulating 
the length of time each picture is 
shown, making use of the fact that 
an object will appear to move with 
as few as eight pictures. The same 
picture is usually shown for three 
consecutive frames (filming on 
threes) and then only two frames in 
a row (filming on twos) or one 
frame (full animation) for special 
scenes. The motion will be faster 
only where one or two frames are 
used (machine traced or hand 
traced), 


Even if the motion is the same, the 
pictures will differ depending on 
whether the pictures in between 
are filmed on threes or whether it 
will be full animation requiring three 
pictures, This is the same as each 
picture being different depending 
on how many pictures will be used 
in between that we mentioned 
before. 


The quality of motion will depend 
on how many pictures are used, 
how many frames each picture is 
filmed and what kinds of pictures 
are used. 
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3. Number of in-betweens 


‘Three in-betweens Once the key points of an action have been drawn, the 
next step is to fill in the gaps between them. To do this, 
you have to have thought about how many frames each 
picture will be filmed and how many pictures will be used 
to fill in the gaps. The key points of an action are called 
'key drawings' and filling the gaps between key drawings 
is called "in-betweening." It is important to know how 
many frames each picture between the key drawings will 
be filmed and how many drawings there will be. The 
drawings between key drawings are referred to as "in- 
betweens.' First, decide on the number of in-betweens. 

















drawing 





Two in-betweens 





One in-between 


Key 
drawing 


Key drawing con ee Clean-up ——Mm гац 
—Á lean-u 
pm n-betweening hr е Animation 
Key drawing .. nies 
Cleanup 


Key 
drawing 
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Time sheet 


How many in-betweens will there be and how many 
frames will each be filmed? It can get confusing try- 
ing to keep track of this in your head, so a table is 
used. This table is called a time sheet in the domain 
of animation, The time sheet has places to write 
actors’ lines and camera work in addition to infor- 
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three in-betweens 
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In-betweens have been 
numbered consecutively, 






| | | 
| 
HE = ein" ER 


mation about moving pictures (see page 124 for an 
illustration of a complete time sheet and further 
details]. 


A time sheet could be thought of as the blueprint for 
a single cut. Animations are filmed on the basis of 
these time sheets 


By numbering pictures consecutively 
on a time sheet, you can see at a glance 
what the total number of animation 
drawings will be when a certain num- 
ber of in-betweens are used. The left 
columns are for indicating key draw- 
ings and the number of in-betweens. 
The right columns are the numbers of 
animated drawings that need to be 
completed. 
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4. In-betweening—Filling the gaps between key drawings 


Now then, let's do some in-betweening. Confirm tures there will be between two key drawings and 
the number of pictures between two key drawings to what extent the in-betweens should change. The 
and then go over again in your head the motion you longer the distance between the numbers is, the 
have planned. The thing that looks like fish bones in greater the movement or change will be. 


the illustration is used to designate how many pic- 


Key drawing number 


| | я ——+— Animation drawing number = cel number 
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This is a portion of a time sheet desig- 
nating that the same picture will be 
filmed for three consecutive frames and 
there are three in-betweens. 


The column for cel numbers has been 
filled in based on this. Assign anima- 
tion drawing consecutive numbers to 
the animation drawings. 
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0606000660666060 066060060008 
Sometimes no in-betweens 
are needed between key 
drawings. In-betweens can 
also be placed at almost equal 
intervals. These in-betweens 
will not be used if you are 
aiming for a realistic scene. 


0020200000000 
0000000008060 








5. Peg bar alignment 


Drawing key drawings is a very difficult task, but Peg bar alignment 15 a method used to help make in- 
drawing in-betweens is no less so. After all, you betweening a little faster and more accurate. Peg 
have to draw characters that look just like those in bar alignment is a method and not a technique, so 
the key drawings many times and from different anybody can do it once they know how. 

angles and in different sizes. 





A- 


Pay attention to the trajectory, interval 
and other elements of a motion and deter- 
mine where the picture should be posi- 
tioned. You may want to draw a light out- 
line. 





Overlapped on the peg bar 


Remove all the animation paper from the 
peg bar and move the paper so that the 
pictures on the key drawings overlap. 





Paper has been moved. 


Place the animation paper with the out- 
line on top so that it overlaps with the key 
drawing. Look at the edge of the anima- 
tion paper and the orientation of the peg 
bar holes to make sure that each forms a 
uniform arc, 


W The two key drawings and the outline 
overlap. In this position, draw a picture 
intermediate to the key drawings. If the 
picture is not intricate, all you have to do 
is simply draw lines between the two 
lines. 





Create size and shape of interval 





[Б] When there is a big difference between the two key draw- 
ings, perform peg bar alignment multiple times at differ- 
ent parts to come up with one picture, 


Note that the key drawing and 









animation drawing numbers are 
different (the 2 in А-2, an 
in-between, is not encircled). 


A-2 
Using peg bar alignment too much 
will lower your drawing ability, so 
avoid using it for every little thing. 
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For writing actors’ lines, Make them as long as 


Fill in the key drawings with consecutive ds du 
i Р vou think it will take to aay them. 


numbers, Divide overlapping cels into A, 


B and C. ete. The black dot indicates = 
where an in-between will be inserted. ASS ah eee SRS 5 
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bers except in special situations. A circle is 


placed on the numbers of key drawings that have been cleaned up. Do not place 


a 


awing num 


sume as the key dr 


le on in-between numbers. 


а cire 


Character Design 


Do you all have your own original character? It does character that is easy for you to draw. The question 
not matter if it looks similar to that of a famous is can your character be used in any kind of anima- 
artist. Drawing will be more enjoyable if you have a tion? 


There are two main types of characters that are used in animations 


mom ag 
= = к 








Тһеге а 


Each type of story has its own concept of the world and characters that 
match that concept. You may have to abandon the characters you can 
draw easily and make characters demanded by the concept of the world 





A cute, cartoon-like A slightly eartoon-like character A photo-like character 
character (deformed) capable of comical actions with realistic height 
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Making cartoon-like objects match characters 


How cartoon-ike you should make your drawings is 
not limited to characters. Think of the objects in a 


picture as part of a character. 





If the character looks real, the sandbag should 
look real as well. 


The size of a receiver relative to a real human is used 
without alteration. 
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А real sandbag is not inflated like this, The sandbag 
was made cartoon-like to fit the image of the picture. 





VHS 


se: 


The size and shape of the receiver match the small, 
cartoon-like hand. 


(Iie S. 
È 
LIE ў 


If the character is of realistic height. the door A door next to a cartoon-like character should 
should be long and thin. be just big enough for the character to fit into. 








Objects drawn faithfully are very realistic. You cannot 
put cartoon-like characters next to such objects. 


Objects are altered to match the style the “7 
characters are drawn in, but note that in the | 
case of cars and some other objects, there is 

nol 100 much difference from their realistic 
counterparts. 





As we have demonstrated, production 
of cel animations requires a tremendous 
amount ої time and labor, As such, peo- 
ple who are good at thelr respective 
tasks collaborate to produce them. In 
other words, one person does not per- 
form all the production tasks. They are 
divided up among many people. There 
are many people who want to make an 
animation by themselves, but that is like 
saying you want to build a car, which 
would involve designing the car, manu- 
facturing the metal, plastic, urethane, 
rubber, glass and cloth and putting it 
together all by yourself, so you can see 
that it entails an enormous amount of 
work, 
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With the spread of personal computers and their 
increased performance, however, people can now 
make animations relatively easily without any spe- 
cial equipment if it is for their own personal pleas- 
ure, You need the following to make animations on 
a computer 


1.Personal computer 
2 Graphics software 
3. Animation software 


You can make a very simple animation with just the 
above. 

You also need the following if you want to make a 
higher quality animation 


4 |f you use editing software, you can adjust the 
timing of movements and more easily join cuts. 
5. If you have a scanner, you can scan into your com- 

puter pictures drawn accurately by hand. 
6. І? you have a video input device, you can record 
vour animation on video, 


If you spend the right amount of money, the quality 
of your animations will be the same as the quality of 
those on television. We suggest you start by having 
a small character move around a little 


Use of computers is now commonplace in the ani- 
mation industry. Computers are also a necessity for 
people in the film industry as well. If you are think- 
ing about becoming a part of the industry in the 
future, it cannot hurt to familiariza yourself with the 
use of computers in fiir. 


The software's airbrush 
function was used for gradation. 


Saa “= Wa — 











Types of computer graphics 


There are two main types of computer graph- 
ics; two- and three-dimensional. 


Two-dimensional computer graphics 





You draw a picture on your computer like you 
would on paper. It is like drawing a picture directly 
on your computer monitor, so it is very similar to cel 
animations. 






Three-dimensional computer graphics 


This is like making a doll inside your computer. You 
let the computer compute how the graphics will be 
shown on the monitor. All you do is indicate the 
shape, color, camera work, lighting and motion. 


Common way of making a 2D animation 


Preparation of animation drawings 
• Done by hand and involves materials (pic- 
tures on paper) 


Scanning 
• Everything from this stage on is processed 
by the computer 


Coloring 


Camera work Done on computer, 


i no materials 
Editing 


Completion 


Contour lines were drawn as animation 
z pietures and input using a scannet anna 


Background lines were cre- 


aled using 3D computer 
graphics called fractals. 
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| Scanning | 


You input the lines of animation drawings into your 
computer with a scanner. You can keep the frames 
aligned if you attach a peg bar to the scanner. 


* Scanned lines are often broken. You touch them 
up on the computer without the color escaping. 


* There are two ways to handle backgrounds. You 
can scan a colored drawing or you can scan a line 
drawing and color it on the computer. 


| Coloring — j 

Use the colors of your choice. Just remember to use 
the same colors for a character even if the picture is 
different. Unlike cels, you do not have to get too 
nervous because you can always redo it if you make 


a mistake. 


| Camera work | 


You can magnify and reduce pictures to a certain 
extent, but in the case of major camera work, you 
will need large materials for that purpose for both 
characters and backgrounds. Like cel animations, 
you have to have a plan when using a computer as 
well. 


| Editing j 

If you designate a motion on the software's internal 
time sheet (or its equivalent), it should execute the 
motion just as you designated. Note that computer 
animations are sometimes 30 frames per second. 
This is where you splice cuts together and adjust 
the length of cuts so that the scenes flow smoothly. 





Question 1 Choose the word (A, B or C) that matches the state of 
mind and position of the character and how the character is 
viewed by the audience for each of the following three pictures. 













2) 
А. Calm / В. Confrontational / С, Cornered Answers! 

OH PA! SE 

Score: 10 pointe für 3 correct answers, 
5 pointe for 1 correct answer and 

Û potis Fur tio core) answers 


Question 2 (Same as Question 1) 


Answers; 

DAI DCE / RB 

ore 10 points for 33 eorrec! answers, 
5 points for 1 correct answer and 

0 points [ur no enrreet answers 


A. Superior / B. Equal / C. Inferior 


Question 3 (Same as Question 1) 





9) 


A. Stranger / В. Friend / C. Oneself Answers: 
ve / 2 A f 3! H 
Sure: 10 paints for 3 correct answers. 
9 points for T correct unswer and 
U polite lor no coment answers 
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An animator is a painter, actor and cameraman. Only 
people who are good at all of these can work as a 


professional animator. Do you have what it takes to 
be an animator? 


Question 4 Which of the following four poses would you draw if you were practicing drawing? 





— — 


Question 5 Do you often compare drawings 
with those around you? 


| A. Often 
| B. Sometimes 
C. Never 


Question 6 How much do you draw every 
day on average? 


A, Almost none 
B. One hour 

C. Five drawings 
D. Three pages 
E. More 


Question 7 Have you kept your old draw- 
ings? 


A. No, none 
B. Yes, many 
C. Yes, some 





Question 10 Let's say that you are taking | 
a test for employment at an animation 
production company. As part of the test, 
you are asked to draw any picture you 
want. You have one hour to complete it. 
Try drawing in an hour the picture you 
would likely draw in such a situation. 


Give yourself 10 points if vou completed it within 
an hour. Give yourself 5 points if it took longer 
than one hour, You get no points if you thought 
this was a stupid question and are naw looking at 
this answer, 


Score: 4) 10 points/ 6 points/@) 4 points) 2 points 


ee 


Question 8 Which part of an actor do you 
focus on when you watch dramas on televi- | 
sion? 


A. Eyes | 
B. Waist, hands | 
C. Entire body | 
D. Face 

E. Everything including surrounding set 


Question 9 Do you often read the credits of 
animations? 


A. More than most, | think 
B. | know every voice actor 
C. | only look at the pictures 
D. Only when | feel inclined 


Score: Each of these questions is worth 10 points. 
You get 10 points if you answer immediately, 5 points 
if you hesitate briefly and 0 points if you have to 
think it over. 


| Evaluation | 


91 - 100 points: You should become an animator, The ani- 
mation industry is eagerly waiting for ambitious people 
like you. 


71-90 points: You have talent. You have a good chance of 
becoming a professional animator. 


51 - 70 points: You show promise, but you may just remain 
in the realm of an animatian fan. It is up to you. 


0 - 50 points: |f you cannot think of becoming anything 
other than an animator, you had better make a habit of 
drawing, watching movies and studying. 


Entering contests 


At the beginning of this book, we said that there 
was no place for amateurs to present their works. It 
is true that there is nothing well Known like the 
comic market. But there are in fact a variety of ani- 
mated film festivals and contests around the coun- 
try. it may be impossible to have your animation pre- 
sented at a big international festival, but you might 
have a chance with a local event sponsored by an 


=a 


What do you think after having finished reading this 
book? We feel that the book will have fulfilled its 
role if we were able to convey to you even a little of 
how animations are made, how they are drawn, 
how people collaborate to produce them and how 
difficult but fun and fulfilling the work is. 


This is a fun, easy-to-understand and edifying intro- 
ductory book brought to you by AIC, which employs 
many popular animators and has garnered much 
attention in the industry, and Yoyogi Institute of 
Animation, which has an excellent reputation as a 
trainer of animators. It is a unique book that com- 





From "Moldiver Resource Collection" published by AIC Club 
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amateur group. Animation production requires a 
huge amount of work, but that makes the pleasure 
of seeing the finished product all the greater. And it 
is exciting to think that many people may watch it 
and have a good time. 


There are many notices of animation festivals in ani- 
mation and film magazines. VVe suggest that you 
make animations and present them. 
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bines information from people actually producing 
animations and information from those educating 
animators. It is not, however, just unique. We 
believe that this book gives readers a broad outlook 
of the world of animation, not just one side or the 
other. We hope that this book deepens your under- 
standing of the world of animation, 


Hiroyuki Kitazume of AIC and Shinzaburo Takashima 
of Yoyogi Institute of Animation played a central role 
in preparing the manuscript for this book. We would 
like to express our deep gratitude to them. (Graphic- 
sha Publishing Co., Ltd. / Editorial Department) 
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